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Attorney's Docket No. 1 1087-010003 
USER INTERFACE AND METHODS FOR ONLINE PRINT SERVICE 



This application claims priority to U.S. patent application 60/170,371, filed December 
13, 1999; and to U.S. patent application 60/167,675, filed November 29, 1999; and to U.S. 
patent application 60/167,243, filed November 24, 1999. 

TECHNICAL FIELD 

This application relates to a user interface for an online print service. 

BACKGROUND 

The computer system 100 illustrated in Fig. 1 represents a typical hardware setup for 
executing software that allows a user to perform tasks such as communicating with other 
computer users, accessing various computer resources, and viewing, creating, or otherwise 
manipulating electronic content ~ that is, any combination of text, images, movies, music or 
other sounds, animations, 3D virtual worlds, and links to other objects. The system includes 
various input/output (I/O) devices (mouse 103, keyboard 105, display 107) and a general 
purpose computer 100 having a central processor unit (CPU) 121, an I/O unit 117 and a 
memory 109 that stores data and various programs such as an operating system 111, and one 
or more application programs 113. The computer system 100 also typically includes non- 
volatile memory 110 (e.g., flash RAM, a hard disk drive, and/or a floppy disk or other 
removable storage media) and a communications card or device 123 (e.g., a modem or 
network adapter) for exchanging data with a network 127 via a communications link 125 
(e.g., a telephone line). 

The computer 100 of Fig. 1 also can be connected to various peripheral I/O devices. 
One of the more popular of such peripheral devices is a digital camera 108 that enables users 
to take pictures and save them in digital (electronic) format. Typically, the digital camera 
108 is connected to the computer 100 only while the user is uploading images to the 
computer's disk drive or other non-volatile memory 110. Users also can obtain digital 
images, for example, of film-based prints from a traditional camera, by sending an exposed 
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film into a photo-finishing service, which develops the film to make prints and then scans (or 
otherwise digitizes) the prints or negatives to generate digital image files. The digital image 
files then can be transmitted back to the user by e-mail or on a CD-ROM, diskette, or other 
removable storage medium. 
5 In any event, once the digital images are stored on the computer 100, a user can 

perform various operations on them. For example, an image viewer application can be used 
to view the images or a photo editor application can be used to touch-up or otherwise modify 
the images. In addition, an electronic messaging (e.g., e-mail) application can be used to 
transmit the digital images to other users. 

10 In addition to viewing the digital images on the computer display 107, users often 

desire to have hard copies (physical prints) made of digital images. Such hard copies can be 
generated locally by the user using output devices such an inkjet printer or a dye sublimation 
printer. In addition, users can transmit digital images (e.g., either over a computer network 
or by using a physical storage medium such as a floppy disk) to a photo-finishing service, 

15 which can make hard copies of the digital images and send them (e.g., by U.S. Mail or 
courier service) back to the user. 

Figs. 2A-2F show a sequence of screen shots that a user might encounter when 
transmitting digital images to a photo-finishing service to have hard copies (prints) made of 
the images. In Fig. 2A, the user first encounters a contact information window 200 in which 

20 the user must enter several items of contact information such as first and last names 202, 204, 
address 206, city 208, state 210, country 210, phone 214, fax 216, and Email address 218. 
This information typically is required by the photo-finishing service for purposes of billing 
and shipping. 

After the user has entered the required information, the user presses the Next button 
25 220 to arrive at the next screen - an image selection window 222 as shown in Figs. 2B and 
2C. In the image selection window 222, the user designates the specific images of which 
hard copies are to be made. The digital images either can be selected from among the images 
stored on the user's computer by clicking the "Select Image. . button 230 or they can be 
acquired from a digital camera or scanner attached to the user's computer by clicking the 
30 "Acquire Image. . button 232. Once selected, the images can be viewed and/or cropped by 
clicking on the "View/Crop" button 234. In addition, the user can designate the hard copy 
format and other parameters (e.g., size, number of copies, paper type) for each of the selected 
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images by selecting or entering the desired options using drop-down list 224 and text box 
226. The selected images and their associated parameters are shown in display area 228. 
Typically, each order for prints must meet a minimum order amount 223 (e.g., five dollars). 
After the images and their respective hard copy parameters have been selected, the 
5 user clicks the Next button 236 and a shipping and payment information window 23 8 is 
presented. In this window 238, the user selects a desired shipping method from drop-down 
list 240 and specifies a method of payment and associated verification information in text 
boxes 242, 244, 246 and 248. 

After this information has been provided, the user clicks the Next button 250 and is 

10 presented with an order confirmation window as shown in Fig. 2E. The order verification 
window 250 allows the user to view and confirm the order including the images selected and 
their respective parameters in display area 252, as well as the price of the order 254. If the 
user is satisfied with the order, the user clicks the Finish button 256 to complete the order. 

Upon completing the order, the images are uploaded to the photo-finishing service as 

15 indicated by the upload window 258 in Fig. 2F. Once the images are uploaded, the photo- 
finishing service arranges to have prints made of the selected images and to have the prints 
mailed to the user and address specified in the contact information window 200. If the user 
desires to have prints of the same (or different) images sent to another person (e.g., a family 
member or friend), the user typically must repeat the entire order generating process 

20 represented by Figs. 2A-2F. Generally, repeating the ordering process to send prints to 
another person involves entering a considerable amount of redundant information and 
incurring separate charges, including multiple minimum order charges, on the user's credit 
card (or other financial instrument). 

25 SUMMARY 

A user interface, methods and tools for manipulating, displaying and ordering image 
prints from an on-line print service. One user interface includes a personalized account 
summary including an image selected from the user's archives. Another user interface 
includes a first field including an image to be printed and a second field including a text box 
30 for specifying a message to be printed on the image print. Another user interface includes 
a drop spot, the drop spot being a designated portion of the user interface on to which a user 
selection can be dragged and dropped where the drop spot has an associated code portion 
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operable to process the user selection dropped on the drop spot. Methods include methods 
for designating multiple recipients for an image to be distributed using an on-line print 
service and methods for updating a user's address book during an order method for 
designating multiple recipients for an image at an on-line print service. 



5 DRAWING DESCRIPTIONS 

Fig. 1 is a block diagram showing a typical computer architecture. 

Figs. 2A-2F show a series of typical display windows that a user might encounter 
when ordering image prints online. 

Fig. 3 is a block diagram of a system for making and distributing image prints. 
10 Fig. 4 is a screenshot showing an example of a general home page for an online print 

service. 

Fig. 5 is a screenshot showing an example of a Sign In window. 

Fig. 6 is a screenshot showing an example of a user's Home page. 

Fig. 7 is a screenshot showing an example of a user's account information page. 
15 Fig. 8 is a screenshot showing an example of a user's address book. 

Figs. 9-11 are screenshots showing examples of image upload pages. 

Fig. 12 is a screenshot showing an example of an image upload status window. 

Fig. 13 is a screenshot showing an example of an Upload Complete window. 

Figs. 14-15 are screenshots showing examples of a user's photo page. 
20 Fig. 16 is a screenshot showing an example of an envelope-addressing window. 

Figs. 17-18 are screenshots showing examples of a user's photo page. 

Fig. 19 is a screenshot showing an example of a Photo Details page. 

Fig. 20 is a screenshot showing an example of an Envelope Details page. 

Fig. 21 is a screenshot showing an example of an Order Summary page. 
25 Fig. 22 shows an example of an order confirmation e-mail message. 

Fig. 23 is a screenshot showing an example of an Order Status page. 

Figs. 24-25 are screenshots showing examples of pages for sharing photos with other 

users. 

Fig. 26 is a screenshot showing an example of a Share Confirmation window. 
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Figs. 27-29 are screenshots showing examples of pages by which a user can view 
others' photos. 

Fig. 30 is a screenshot showing an example of a page for organizing a user's photos. 

DETAILED DESCRIPTION 

5 The details of one or more embodiments are set forth in the accompanying drawings 

and in the description below. Other features, objects, and advantages will become apparent 
from the description and drawings. 

Fig. 3 is a block diagram of one deployment of a print generation and distribution 
system 300. In general, the system of Fig. 3 enables users to transmit images to a photo- 

10 finisher and then order prints of those images to be sent to one or more recipients. In Fig. 3, 
one or more customers 302-304 communicate with the system 300 over a wide area network 
310 such as the Internet. In one embodiment, the system 300 stores digital images that have 
been submitted by the customers 302-304 over the Internet for subsequent printing and 
delivery to designated recipients. 

1 5 The system 300 has a web front-end computer system 320 that is connected to the 

network 310. The web front-end computer system 320 receives customer input or requests 
from the network 310 and communicates the received information to an image archive 
database 330. The image archive database 330 captures images submitted by the customers 
302-304 and archives these images for rapid retrieval when needed. The information stored 

20 in the image archive database 330 in turn is provided to a print laboratory system 340 for 
generating high resolution, high quality photographic prints. The output from the print lab 
system 340 in turn is provided to a distribution system 350 that delivers the physical prints to 
the customers 302-304 and/or to their respective designated recipients. 

Although the print lab system 340 and the distribution system 350 are represented as 

25 separate boxes in Fig. 3 A, in various implementations they can be integrated in whole or in 
part. For example, the print lab system 340 can be designed to generate prints in a manner 
and/or in an order that readily facilitates physical shipment of the prints to their respective 
ultimate destinations. (As used herein, "destination" is used to include a shipping address, 
for example, a post office address for an enterprise or an individual, and/or a name of a 

30 specific individual or group of individuals residing at a given shipping address.) In one 
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implementation, a single print order received at the web front-end 320 could be divided into 
sub-orders, each of which corresponds to a set of prints to be generated and delivered to a 
separate destination address and/or intended recipient. Then, for each order, the print lab 
system 340 could create multiple instances of digital images and rearrange them as needed to 
5 build the constituent sub-orders. Each sub-order then is sent to the printing system to 
generate a separate run of prints for the recipient associated with the sub-order under 
consideration. Further details on the print generation and distribution system are provided in 
co-pending U.S. Patent Applications Serial No. 09/428,871 , filed October 27, 1999; Serial 
No. 09/436,704, filed November 9, 1999; Serial No. 09/450,347, filed November 29, 1999; 

10 Serial No. 09/450,899, filed November 29, 1999; and Serial No. 09/450,075, filed November 
29, 1999, which are incorporated by reference. 

Figs. 4-30 show various aspects and features of a user interface that could be used to 
allow users to communicate with the web front-end computer system 320 of Fig. 3. In 
general, the types of information that a user would communicate to the web front-end system 

15 include image uploads, billing, shipping and ordering information, and other input as 

appropriate to help the user organize or manage the user's online photos or, optionally, share 
them with other users of the web front-end computer. 

As shown in Fig. 4, a user can access an online print service (e.g., Shutterfly.com, 
Inc. of Mt. View, California) using a browser application such as Microsoft Internet Explorer 

20 which runs on the user's client computer system (not shown) such as a PC or Apple 
Macintosh. The browser application can display web pages (typically generated using 
Hypertext Markup Language (HTML)) in a window 40. Typically, the web pages are stored 
on one or more host computers (e.g., maintained by on behalf of the online print service) and 
can be accessed by the user via a computer network such as the Internet. The user is greeted 

25 with a general Home page 41 providing links to allow a user to Sign In 42 or to see a 
demonstration of how the print service works 43. 

When the user clicks the Sign In link 42, the Sign In window 50 is displayed as 
shown in Fig. 5. The Sign In window 50 enables the user to Sign In to the print service by 
typing an appropriate Email Address and Password into text fields 52 and 53, respectively, 

30 and then clicking the Sign In button 54. If the user has not previously signed up for the 

service, the user clicks sign up link 5 1 which takes the user to a Sign Up page (not shown) at 
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which the user's personal information (e.g., name, address, billing and shipping information, 
etc.). 

After signing in, the user is presented with the user's personal home page 60 as 
shown in Fig. 6. The user's home page 60 includes several elements including a greeting 
5 message 69, one of the user's previously uploaded images (e.g., selected at random from 
among all of the user's images), and tabs 62-65 which act as links to pages that enable the 
user to Upload Photos 62, view previously uploaded photos 63, view others' photos 64, and 
view details of the user's account 65. The user's home page 60 also provides information 
about the user's available Shared Photos 66, Order Status 67, and Pending Uploads 68. In 
10 this example, the user has no pending uploads as indicated in region 68. However, if the user 
had a pending upload (e.g., either not yet initiated or initiated but since interrupted by a 
communication failure or the like), the user would be presented with a button (not shown) 
that, when clicked, would enable the user either to initiate or resume the upload, depending 
on the circumstances. 

15 Fig. 7 shows the user's account information page 70, which is displayed when the 

user clicks tab 65 in Fig. 6. The account information page 70 includes various text fields into 
which the user enters (and/or updates) the user's personal information 71 (name, e-mail 
address, residential address, etc.) and Billing Information 72 (e.g., credit card type and 
number, billing address, etc.). After entering or updating the account information, the user 

20 can click the Save button 75 to save the new account information on the print service's host 
computer system. The account information page 70 also includes links to allow the user to 
check the status of previous orders 73 and to view or edit the user's Address Book 74. 

Fig. 8 shows the user's Address Book page 80 which, in this example, includes three 
entries 81 . Each entry 81 corresponds to a different potential recipient for print copies and/or 

25 for sharing online photos. An entry 81 is formed of multiple data elements such as the 

potential recipient's Nickname 82, Name 83, Email address 84, and residential Address 85. 
Each entry's data elements can be inspected and/or modified by clicking on the 
corresponding link 86, 87, or 88 associated with the entry's Nickname 82. 

Fig. 9 shows a single image upload page 90 that enables users to upload images, for 

30 example, from the user's client computer to the online print service's host computer system. 
The user designates an image for uploading by entering the image file name (e.g., including a 
complete filename path such as "c:\images\PIC0001.jpg") into the text field 91, and then 
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clicking the Upload button 92. Optionally, the user can download a plugin - a piece of 
executable code that, when installed, modifies the browser's operation, for example, to allow 
the browser to manage non-native date types or to provide enhanced functionality - by 
clicking the Get Plugin button 93. The plugin in this example is a download plugin that 
5 enhances the browser's functionality to support drag-and-drop uploading of multiple images. 

Fig. 10 shows the Upload page 1000 as it appears to the user after downloading and 
installing the download plugin. As shown, this Upload page 1000 includes a drop spot 1002 
onto which a user can drag-and-drop one or more image files to designate them for 
uploading. 

10 Fig. 1 1 shows the Upload page 1000 as it appears after the user has dragged-and- 

dropped image files onto the drop spot 1002. As shown, the plugin automatically creates and 
displays an image thumbnail 1003 for each of the image files dropped onto the drop spot 
1002. In this implementation, up to eight thumbnails are displayed on a single page. If the 
user has uploaded more than eight images, the user can view and/or access the corresponding 

1 5 thumbnails not currently visible by clicking a scrolling control indicated by a downward 
arrow 1006 or an upward arrow (not shown). 

Each thumbnail has an associated a rotate control 1005, which, for each time clicked, 
causes the displayed thumbnail to rotate clockwise by 90 degrees. Clicking the rotate control 
1005 to change the orientation of the thumbnail also indicates that the corresponding image 

20 file should be similarly rotated. Consequently, upon uploading the image file, the host 

computer system is able to determine the correct (or desired) orientation for that image file. 

Each thumbnail also has an associated checkbox 1004. Clicking a checkbox 1004 
(or, equivalently, clicking the corresponding thumbnail) causes a checkmark to appear in the 
checkbox 1004 thereby indicating that the user has designated the corresponding image for 

25 upload to the host computer system upon clicking the upload button 92. An unchecked 

checkbox 1004 indicates that the corresponding image file is not to be uploaded to the host 
computer system upon clicking the Upload button 92. In this manner, the user can 
selectively check or uncheck checkboxes 1004 as desired to specify whether or not the 
corresponding image files are to be uploaded. 

30 Initially, the image thumbnails 1003 are created locally on the user's client computer 

and displayed as if they are part of the web page 1000 received from the print service's host 
computer. When the user then clicks Upload button 92, an upload sequence is initiated to 
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upload the thumbnails 1003 and their corresponding image files. The thumbnails 1003 are 
uploaded before the image files so that the thumbnails will be available at the host computer 
system (e.g., for purposes of viewing, ordering corresponding prints and/or sharing images 
with other users) without having to wait for the (potentially time-consuming) image file 
5 upload to complete. Further details on uploading thumbnails and image files are provided in 
U.S. Patent Application Serial No. 09/450,804, filed November 29, 1999, and Serial No. 
09/450,927, filed November 29, 1999, both of which are incorporated herein by reference. 

Fig. 12 shows an image upload status window 1200 which indicates the status of an 
upload in progress. The relative progress of the upload is designated by a status bar 1201 

10 having a length corresponding to the total amount of data to be uploaded. The light portion 
1202 of the status bar 1201 indicates the relative portion of the total amount of data that has 
been successfully uploaded. The dark portion 1203 of the status bar 1201 indicates the 
relative portion of the total amount of data that remains to be uploaded. The user can Pause 
or Cancel the upload sequence by clicking buttons 1204 or 1206, respectively. Fig. 13 shows 

15 an Upload Complete pop-up 1300 that is displayed on the user's client computer system 
when the upload has completed. 

Fig. 14 shows the user's "My Photos" page 1400 with thumbnails 1401 of eight of the 
user's images that have been uploaded successfully. The particular thumbnails displayed 
typically correspond to the most recently uploaded images. The user can view other 

20 previously uploaded images either by choosing a different Upload Date from the drop-down 
list 1405 or by clicking a scrolling control such as the downward arrow 1406. 

Each thumbnail 1401 has three associated controls: a checkbox 1402, a detail control 
1403 and a rotate control 1404. Clicking the detail control 1403 causes a larger resolution 
version of the corresponding image to be displayed along with other information pertaining 

25 to the image (discussed in more detail below). The checkbox 1402 can be checked 

selectively by the user to specify whether or not the image under consideration is to be the 
subject of a print order (discussed further below). The rotate control 1404 serves the same 
purpose as the rotate control 1005 shown in Fig. 1 1 - namely, to change the orientation of the 
thumbnail (and the corresponding image) in 90-degree increments. In addition, links are 

30 made available to the user to view all of the user's photos 1412, select all of the photos in the 
current view 1413, or deselect all of the photos in the current view 1414. 
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The user can order prints of selected images for him/herself and/or for others by 
selecting the desired images and then associating them with one or more "envelopes." An 
envelope is a virtual storage entity for holding images that are to be printed and delivered to a 
single destination. By default, the user's "My Photos" page 1400 includes a single envelope 
5 - Self 1407 - corresponding to a destination associated with the user. As indicated, the 
user's Self envelope 1407 currently has zero prints in it. The user can add prints to his/her 
envelope by selecting the desired image or images (e.g., clicking a thumbnail 1401 or a 
checkbox 1402) and then clicking the Add button 1415 (or, equivalently, the envelope icon 
1416). Each additional click of the Add button 1415 will add another copy of prints of the 

10 selected images to the user's Self envelope 1407 (e.g., clicking the Add button 1415 twice 
will result in ordering two copies of each of the selected images). The size of the ordered 
prints (e.g., 4x6, 5x7, 8x10, or custom size) can be selected by the user via the Size drop- 
down list 141 1 . The user can edit the contents of the Self envelope 1407 (e.g., the number 
and size of the prints ordered) by clicking the Edit link 1417 (discussed in more detail 

15 below). 

The user also can add another envelope to the My Photos page 1400 by clicking the 
Add new envelope link 1408. Upon doing so, as shown in Fig. 15, the My Photos page 1400 
changes appearance by adding another envelope 1500, which at this point has not yet been 
addressed to any particular recipient. The user addresses the unaddressed envelope 1500 by 

20 clicking on the Unaddressedl link 1501, which causes the Address Your Envelope window 
1600 to appear as shown in Fig. 16. 

The Address Your Envelope window 1600 includes all of the potential recipients 
currently in the user's Address Book. The user can address the currently Unaddressed 
envelope 1 500 by clicking on a desired on of the Nickname links 1602-1604, or the user can 

25 opt to add a new address to the Address Book by clicking the Add New Address link 1605. 
If the user decides not to add this new envelope after all, the unaddressed envelope 1500 can 
be deleted by clicking the Delete Envelope link 1606. 

In this example, the user chooses to address the Unaddressed envelope 1500 to his 
father by clicking the Poppa link 1602. In response, the Address Your Envelope window 

30 1600 is closed and the My Photos page is updated to change the name of envelope 1500 from 
"Unaddressedl" to "Poppa," as shown in Fig, 17. The user can now order image prints by 
selecting the desired images and clicking either the Self envelope 1407 or the Poppa 

-10- 
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envelope 1 500 or both. In addition, different images or sets of images can be added to each 
enveloped individually as desired. Moreover, each image in each envelope potentially can 
have different print parameters (e.g., size, finish, number of copies) specified by the user. In 
this manner, the My Photos page 1400 shown in Fig. 17 allows the user to designate multiple 
5 recipients through a single interface screen (e.g., page 1400) and/or within the context of a 
single order (e.g., as delimited by a checkout sequence). As a result, the efficiency and ease 
with which image prints can be ordered and delivered to multiple recipients are enhanced 
dramatically. 

As shown in Fig. 18, additional envelopes such as the Sis envelope 1800 can be 

1 0 added to the My Photos page 1 400 as desired by the user in the manner described above. 
The My Photos page 1400 can support virtually any number of simultaneously available 
envelopes. If the number of envelopes exceeds the available display area in the browser 
window 40, a scroll bar (not shown) appears in the Your Order region 1 801 to enable the user 
to scroll through and thus gain access to the available envelopes as desired. As the user adds 

1 5 images to one or more envelopes, the user's My Photos page 1400 maintains and displays a 
running subtotal of the cost of the order at text region 1409. After completing the order, the 
user can checkout (e.g., confirm and pay for the order) by clicking the Checkout button 1410 
(discussed further below). 

Fig. 19 shows an example of a Photo Details page 1900, which is presented when, for 

20 example, the user clicks the image detail control 1403 shown in Fig. 14. As illustrated in 
Fig. 19, the Photo Details page 1900 includes a larger resolution thumbnail 1901 of the 
corresponding image along with information describing the full image's resolution 1903, the 
image File Size 1904, and information about Recommended Print Sizes 1905 for the image 
under consideration. In addition, the Photo Details page 1900 includes text fields 1906 which 

25 allow the user to enter text that will be printed on the back of the image print. Further details 
describing printing on an image's back are provided in U.S. Patent Application Serial No. 
09/450,899, filed November 29, 1999, which is incorporated herein by reference. The user 
can return to the smaller thumbnails (on the My Photos page) by clicking the Back to 
Thumbnails link 1902 or can view the details of other photos in the same upload group by 

30 clicking on the scrolling controls 1907 or 1908 as desired. 

Fig. 20 shows an Envelope Details window 2000 showing the details of the user's 
Self envelope. Each image in the envelope has an associated region that includes a 

-11 - 



Attorney's Docket No. 11087-010003 



thumbnail of the image along with print parameter and cost information. For example, 
region 2001 includes a thumbnail 2002 and a user-modifiable quantity field 2003-2005 for 
each different print size (4x6, 5x7, 8x1 0). The user can modify the number of copies to be 
ordered of each different print size for the image under consideration by typing in a desired 
5 number into the corresponding quantity text field 2003-2005. Alternatively, the user can 
remove the image from the envelope (equivalently, set all of the quantity fields to zero) by 
clicking the remove link 2013. Region 2001 also includes cost information associated with 
the order for that image both on a per size basis 2006 and the subtotal 2007 for all print sizes. 
The total number of images in the envelope is displayed at Subtotal 201 1 and the total cost 
10 for all prints in the envelope is displayed at area 2012. After reviewing and/or modifying the 
envelope details for each separate image in the envelope, the user can either cancel 2008 or 
update 2009 the envelope by clicking the corresponding buttons, or the user can Go to 
O Checkout by clicking button 20 1 0. 

: Ct Fig. 21 shows the Order Summary window 2100, which appears when the user clicks 

I y 15 the checkout button in one of the other pages as described above. The Order Summary 
£ window 2100 includes several items of information including BILL TO information 2101 

¥ and SHIP TO information 2102. The SHIP TO information 2102 is broken out by each of 

E the separate recipients in the order who are to receive image prints as specified by the user. 

U In this example, the order includes two different recipients - Self 2 1 03 and Poppa 2 1 04. For 

r £ 20 each recipient, the shipping address, shipping method and print cost (both a subtotal for the 
S recipient and the cost associated with each different print size) are provided. The Order 

Summary window 2100 also provides an Order Total cost 2 1 06 and a Pay Now button 2105, 
which when clicked, finalizes the order. 

Upon receiving an order, the print service's host computer system automatically 
25 generates and sends an order confirmation e-mail message such as that shown in Fig. 22. In 
addition, the user subsequently is sent an "order shipped" e-mail message (not shown) when 
the order has actually been placed into the shipping channel. Optionally, the order 
confirmation e-mail message, and/or the order shipped e-mail message, may include a link 
(not shown) that, when clicked, points the user's browser to a Order Status page 2300 such as 
30 shown in Fig. 23, to allow the user to check on the status (not-yet-shipped, shipped, 

cancelled, complete, etc.) of his/her orders. Such status details could be displayed in region 
2301 in the Order Status page 2300. 
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As shown in Figs. 24 and 25, a user optionally can share his/her online photos (i.e., 
those images that the user has uploaded to the host computer system) with other users (e.g., 
friends, family, colleagues, etc.) in order to make a personalized collection of photos 
available to each of the other users. To do so, the user accesses the Share Photos page 2400 

5 and addresses the Unaddressed envelope 2401 in the manner described above. The Share 
Photos envelope 2401 differs, however, from the envelopes presented in the My Photos page. 
Specifically, the Share Photos envelope 2401 does not hold images that are to be printed and 
delivered to one or more recipients; rather, the Share Photos envelope 2401 hold images that 
are to be made accessible online to the specified share recipient. That recipient, however, 

1 0 can then order prints of the shared images if desired. 

After addressing the Share Photos envelope 2401, the user optionally can specify a 
subject line 2402 and/or a message 2403 that will be sent in an automatically generated e- 
mail message (not shown) to the intended share recipient, along with information (URL, Sign 
In name, password, etc.) for accessing the shared images. The user completes the photo- 

1 5 sharing sequence by clicking the Share Now button 2404, which results in the above-noted 
photo-sharing e-mail message to be generated and sent, and causes the host system to set 
access permissions as appropriate to allow the intended share recipient to access the online 
images specified by the user. The host system confirms successful completion of the photo- 
sharing sequence by displaying a Share Confirmed pop-up window 2600, as shown in Fig. 

20 26. 

The user can view online photos that others have shared with him/her by accessing 
the Friends' Photos page 2700 shown in Fig. 27. The Friends' Photos page 2700 includes 
various items of information to identify the friend 2702 who shared these images, along with 
the Subject 2703 and Message 2704 specified by that friend. The functionality provided by 
25 the Friends' Photos page 2700 essentially is the same as the My Photos page. That is, the 

Friends' Photos page 2700 enables the user to select images and order copies of them for one 
or more recipients, each having a separate envelope, in the manners described above. 

If more than one friend has shared photos with the user, the user can switch between 
different Friends' Photos pages by clicking the VIEW Other Friends' Photos link 2701, 
30 which brings up the Select Friends' Photos window 2800 shown in Fig. 28. In this example, 
two different friends 2801 and 2802 have shared photos with this user. If the user clicks on 
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the link 2801, a different friend's photos are displayed in another Friends' Photos page 2900, 
as shown in Fig. 29. 

Fig. 30 shows an Organize page 3000 through which a user can perform various 
management operations on his/her uploaded images 3001 . For example, in the example 

5 shown, the user can delete any of the uploaded images 3001 for a specific upload date 3002 
by clicking a checkbox 3003 and then clicking the Delete button 3002. In addition, the user 
can inspect image details or rotate and image by manipulating controls 3004 and 3005, 
respectively, in the manners described above. Other controls 3006 could be provided on the 
Organize page 3000 to enable the user, for example, to edit images, crop images, perform 

1 0 various image enhancement or fixing operations, etc. In one implementation, interface 

controls and options could be provided to allow the user to sort his/her images by keyword or 
category or both. For example, the user could associate a keyword - e.g., his child's name, 
Jacob - with any or all of the user's images of Jacob. Then, the user could subsequently 
retrieve all images of Jacob by doing a keyword search for "Jacob". Similarly, the user could 

1 5 associate selected photos taken on various trips by the user with an appropriate category - 
e.g., Travel - and then later find all such Travel pictures by doing an appropriate category 
search. In general, the available keywords and/or categories either could be predefined by 
the print service, or could be edited or created by the user, or both. 

Aspects of the embodiment described above may provide one or more of the 

20 following advantages. The systems and techniques described here provide intuitive and 
convenient mechanisms that allow a user to order prints of images and have the prints 
distributed to multiple recipients at different locations with a minimum of time, trouble and 
expense on the part of the ordering user. For example, in a single ordering sequence, a user 
can specify a set of one or more prints and have them distributed to multiple different 

25 recipients. As a result, the user need not reenter redundant information - for example, 
identifying the images to be printed, supplying payment information, and the like - as 
otherwise would be required if the print order was limited to a single shipping destination. 
Moreover, by allowing a user to specify multiple recipients within a single print order, the 
user is not subjected to a minimum dollar amount for each of several different orders. 

30 Rather, because multiple recipients are allowed, the user is better able to satisfy the minimum 
dollar amount without being forced to order more prints than otherwise would be desired. 
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In addition, because an order can designate multiple recipients, the user need not 
incur multiple charges on a credit card or other financial instrument when ordering prints for 
multiple recipients. Furthermore, by allowing the user to specify different print parameters 
(e.g., size, number of copies, finish) for each of the individual recipients, flexibility and 

5 convenience in the print ordering process are enhanced. 

Moreover, users can distribute copies of prints to multiple recipients without having 
to incur the effort and expense involved in receiving print copies from a photofinisher, 
sorting the prints into sets according to destinations, putting the prints in protective nvelopes, 
and then re-mailing the sets of prints to their respective recipients. As a result, sets of prints 

10 can be distributed to multiple destinations more quickly and with less expense and effort. 

Various implementations of the systems and techniques described here may be 
realized in digital electronic circuitry, or in computer hardware, firmware, software, or in 
combinations thereof. A system or other apparatus that uses one or more of the techniques 
and methods described here may be implemented as a computer-readable storage medium, 

1 5 configured with a computer program, where the storage medium so configured causes a 
computer system to operate on input and/or generate output in a specific and predefined 
manner. Such a computer system may include one or more programmable processors that 
receive data and instructions from, and transmit data and instructions to, a data storage 
system, and suitable input and output devices. Each computer program may be implemented 

20 in a high-level procedural or object-oriented programming language, or in assembly or 

machine language if desired; and in any case, the language may be a compiled or interpreted 
language. Suitable processors include, by way of example, both general and special purpose 
microprocessors. 

Generally, a processor will receive instructions and data from a read-only memory 
25 and/or a random access memory. Storage deices suitable for tangibly embodying computer 
instructions and data include all forms of non-volatile memory, including semiconductor 
memory devices, such as EPROM, EEPROM, and flash memory devices; magnetic disks 
such as internal hard disks and removable disks; magneto-optical disks; and CD-ROM disks. 
These elements also can be found in a conventional desktop or workstation computer 
30 108 as well as other computers suitable for executing computer programs implementing the 
methods described here, which can be used in conjunction with any content viewing or 
manipulation software, or any other software capable of displaying portions of a larger body 
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of content. Any of the foregoing may be supplemented by, or implemented in, specially 
designed ASICs (application specific integrated circuits). 

A number of embodiments have been described. Nevertheless, it will be understood 
that various modifications may be made without departing from the spirit and scope of the 
5 invention. For example, advantageous results still could be achieved if steps of the disclosed 
techniques were performed in a different order and/or if components in the disclosed systems 
were combined in a different manner and/or replaced or supplemented by other components. 
What is claimed is: 



10 
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1 . A user interface displayed by an on-line print service comprising: 

a personalized account summary including an image selected from the user's 
archives. 

5 

2. The user interface of claim 1 wherein the personalized summary further includes an 
order status for pending and recently fulfilled orders. 

3 . The user interface of claim 1 wherein the personalized summary further includes 
10 shared image status for reviewing a status of shared images. 

4. The user interface of claim 3 wherein the shared image status shows a status of 
images identified by the user for sharing with others. 

15 5. The user interface of claim 3 wherein the shared image status shows a status of 
images that are available for viewing that have been shared by other users. 

6. The user interface of claim 1 wherein the personalized account summary includes a 
personalized greeting. 

20 

7. The user interface of claim 1 wherein the personalized account summary includes an 
upload status. 

8. The user interface of claim 1 wherein the image is selected from images uploaded by 
25 the user to the on-line print service. 

9. The user interface of claim 1 wherein the image is selected from images ordered by 
the user 

30 10. A method for producing a physical manifestation of a digital image comprising: 

receiving at an on-line print service a selection corresponding to a digital image for 
printing; 

receiving a user message associated with the digital image; and 
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printing the digital image including the user message. 

1 1 . The method of claim 10 wherein the step of printing includes printing an image print 
including the user message. 

5 

12. The method of claim 1 1 wherein the step of printing includes printing the message on 
the back of the image print. 

1 3 . The method of claim 12 wherein the step of printing includes printing the date on the 
10 image print. 

14. A user interface for display on a client computer as presented by a on-line print 
service, the user interface including 

a first field including an image to be printed; 
1 5 a second field including a text box for specifying a message to be printed on the 

image print. 

1 5 . The user interface of claim 14 wherein the text box includes plural lines for receiving 
a message to be printed on the image print. 

20 

16. A method for updating a user's address book during an order, the address book 
including one or more entries, the method comprising: 

providing for each entry an edit link that when invoked presents an edit page that can 
be used to update the contents of a given entry; 
25 receiving a user prompt to display the address book during an order process so as to 

identify an intended recipient for receiving a physical manifestation of an digital image; 

displaying the address book including entries corresponding to potential recipients for 
image based products designated by the user, 
if the user invokes an edit link, 
30 presenting an edit page, 

receiving change data from the user associated with changes to the content 
associated with the given entry, 
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storing the change data for the given entry, and 
re-presenting the address book entries including the given entry having 
changed data without having to abort the order process. 

5 17. A user interface for use in manipulating digital images comprising: 

a thumbnail image, the thumbnail image being a representation of a digital image; 
a drag and drop mechanism operable to receive a user selection and move the 
selection across the user interface and place the selection at the drop location; and 

a drop spot, the drop spot being a designated portion of the user interface on to which 
1 0 a thumbnail image can be dragged and dropped, the drop spot having an associated code 
portion operable to upload a digital image associated with a given selection that is dropped 
on the drop spot. 

18. A user interface for use in manipulating digital images comprising: 

1 5 a drop spot, the drop spot being a designated portion of the user interface on to which 

a user selection can be dragged and dropped, the drop spot having an associated code portion 
operable to process the user selection dropped on the drop spot. 

1 9. The user interface of claim 1 8 wherein the user selection is an image file. 

20 

20. The user interface of claim 1 8 wherein the code portion includes instructions for 
uploading the user selection. 

2 1 . The user interface of claim 20 wherein the code portion includes instructions for 

25 automatically creating a thumbnail representation of each selection dropped on the drop spot. 

22. The user interface of claim 2 1 further comprising a selection box for displaying 
thumbnail representations of images to be uploaded, the selection box including a checkbox 
for deselecting images to be uploaded from those displayed in the selection box. 

30 

23. The user interface of claim 22 wherein the selection box includes a rotation control 
for manipulating an orientation of an image in the selection box, thee rotation control 
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manipulatable by the user to set a preferred orientation for an image to be uploaded, the code 
portion including instructions for passing the preferred orientation information on to the on- 
line print service along with the uploaded image. 

5 24 The user interface of claim 21 wherein the code portion includes instructions for 
uploading both the selected digital image and its associated thumbnail representation. 

25. The user interface of claim 21 wherein the user selection is a digital image. 

1 0 26. The user interface of claim 1 8 wherein the drop spot includes a symbol that is 
indicative of the process invoked by the associated code portion. 

27. The user interface of claim 26 wherein the symbol is indicative of the on-line print 
service to which digital images are to be uploaded. 

15 

28. The user interface of claim 1 8 further including a pause button including an 
associated pause code, the pause code operable to, when invoked, pause the upload of an 
image to the on-line print service. 

20 29. The user interface of claim 28 further including a resume button including an 

associated resume code, the resume code operable to, when invoked, resume the upload of a 
paused loading of an image to the on-line print service. 

30. The user interface of claim 1 8 wherein the drop zone is implemented using a plugin 
25 that modifies the functionality of the user's browser to support drag and drop of image files 

to designate them for processing. 

31. A method for designating multiple recipients for an image at an on-line print service, 
the method comprising: 

30 creating a plurality of envelopes and displaying each envelope on a user interface; 

associating with each envelope an intended recipient to receive images placed in a 
respective envelope; 

-20- 



Attorney's Docket No. 11087-010003 



displaying on the user interface one or more images along with the plural envelopes; 
selecting an image for distribution to multiple recipients; and 
associating a selected image with two or more envelopes. 

5 32. The method of claim 3 1 further comprising displaying along with each envelope an 
identifier associated with the name of a recipient. 

33 . The method of claim 32 further comprising displaying along with each envelope a 
running price associated with the total price of images placed in a respective envelope. 

10 

34. The method of claim 3 1 farther comprising displaying a checkbox with each image, 
the checkbox for designating an image to be included in an order. 

35. The method of claim 31 wherein the step of associating an image includes placing an 
1 5 instance of the image in each envelope associated with an intended recipient. 

36. The method of claim 3 1 further comprising an add button or link associated with each 
envelope, the add button, when invoked, operable to add a copy of each selected image to a 
respective envelope. 

20 

37. The method of claim 36 wherein the step of associating includes selecting an add 
button or link associated with an envelope of an intended recipient. 

38. The method of claim 3 1 further comprising displaying price and quantity data 

25 associated with each envelope, the price data indicative of a price for processing an envelope 
including the images specified by the user for the intended recipient, and the quantity data 
including a count of a number of images included in the respective envelope. 

39. The method of claim 38 further comprising updating the price and the quantity data 
30 for a given envelope each time a new image is associated with a given envelope. 
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40. The method of claim 31 further comprising displaying an order total indicative of the 
price for processing all of the envelopes presented on the user interface. 

4 1 . The method of claim 3 1 further including displaying on the user interface an order 

5 details button for each envelope, the order details button operable to display, when invoked, a 
envelope summary, the envelope summary including a representation of each image selected 
and a size and quantity data for each image, the size data indicative of the size of the image 
print to be printed and the quantity data indicative of the number of prints of a given size to 
be included in a given order. 

10 

42. The method of claim 41 wherein the envelope summary includes a message to be 
printed on the print. 

43 . The method of claim 4 1 wherein the envelope summary includes a preview of the 
1 5 print including as ordered including any user designated effects. 

44. The method of claim 41 further comprising changing an order for an intended 
recipient when reviewing the envelope summary and automatically recalculating the price 
and quantity data displayed on the user interface for an associated envelope. 

20 

45 . The method of claim 3 1 further comprising including an order button on the user 
interface along with the envelopes and image selections, the order button operable, when 
selected, to place an order in accordance with the envelopes specified on the user interface 
for plural recipients from a single user interface page. 

25 

46. The method of claim 45 further comprising displaying a order summary in a single 
summary user interface for plural recipients, the order summary including plural entries, one 
for each envelope specified in the user interface. 

30 47. The method of claim 46 further comprising displaying shipping information, shipping 
selections and shipping price for each intended recipient, the method including receiving 
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shipping selections for each recipient and updating a total cost for each intended recipient's 
order including the selected shipping preference. 

48. The method of claim 46 further comprising displaying quantity data and price data on 
5 the order summary for each envelope. 

49. The method of claim 46 further comprising displaying a pay now button, that when 
invoked, is operable to process all of the envelopes specified in the order summary. 

10 50. The method of claim 49 further comprising processing all of the envelopes in 
specified in the order summary as a single order. 

5 1 . The method of claim 3 1 further comprising 
processing all of the envelopes as a single order ; and 

1 5 sending an email confirmation to user describing the order concomitant with the 

processing step. 

52. The method of claim 5 1 wherein the email confirmation includes a summary of each 
envelope. 

20 

53 . The method of claim 3 1 further comprising 
processing all of the envelopes in a single order; and 

displaying a status of the order when prompted by the user through the on-line print 
service. 

25 

54. The method of claim 3 1 further comprising 
processing all of the envelopes in a single order; 

aggregating summary information for each envelope on a single user interface page 
accessible by the user through the on-line print service. 

30 
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55. A method for sharing images among multiple recipients using an on-line print 
service, the method comprising: 

creating a plurality of envelopes and displaying each envelope on a user interface; 

associating with each envelope an intended recipient for sharing images designated 
5 by a respective envelope; 

displaying on the user interface one or more images along with the plural envelopes; 

selecting an image for sharing with multiple recipients; and 

associating a selected image with two or more envelopes. 

10 56. The method of claim 55 further comprising making each image in an envelope 
accessible at the on-line print service to an intended recipient. 

57. The method of claim 55 further comprising 

in the user interface, displaying a field for designating a message to be associated 
1 5 with a shared image; 

associating a received message with a respective shared image; and 

distributing the message with the respective image in accordance with distribution 

instructions embodied in the respective envelopes. 

20 58. The method of claim 57 further comprising 

displaying a field for designating a subject to be associated with a shared image; 
associating a received subject with a respective shared image; and 
distributing the subject with the respective image in accordance with distribution 
instructions embodied in the respective envelopes. 

25 

59. The method of claim 55 further comprising 
processing the shared order including 

notifying an intended recipient of shared images, and 
allowing an intended recipient to view shared images. 

30 

60. The method of claim 59 wherein the step of notifying includes distributing an email 
to an intended recipient indicating that images are available to be shared. 
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61 . The method of claim 59 wherein the step of notifying includes notifying the intended 
recipient a next time the intended recipient logs in to the on-line print service. 

5 62. The method of claim 61 wherein the step of notifying includes displaying a 

customized user account page to a user upon login that includes a shared status indicatir for 
indicating that images are available to be shared. 

63 . The method of claim 62 wherein the shared status indicator is a link to a shared image 
1 0 user interface, the method including displaying the shared images on the shared image user 

interface. 

64. The method of claim 63 further comprising 

receiving an order for printing one or more of the shared images; and 
1 5 processing the order. 
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Abstract 

A user interface, methods and tools for manipulating, displaying and ordering image 
prints from an on-line print service. One user interface includes a personalized account 
summary including an image selected from the user's archives. Another user interface 
5 includes a first field including an image to be printed and a second field including a text box 
for specifying a message to be printed on the image print. Another user interface includes 
a drop spot, the drop spot being a designated portion of the user interface on to which a user 
selection can be dragged and dropped where the drop spot has an associated code portion 
operable to process the user selection dropped on the drop spot. Methods include methods 
10 for designating multiple recipients for an image to be distributed using an on-line print 
service and methods for updating a user's address book during an order method for 
designating multiple recipients for an image at an on-line print service. 
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COMBINED DECLARATION AND POWER OF ATTORNEY 

As a below named inventor, I hereby declare that: 

My residence, post office address and citizenship are as stated below next to my name. 

I believe I am the original, first and sole inventor (if only one name is listed below) or an original, first and 
joint inventor (if plural names are listed below) of the subject matter which is claimed and for which a patent is 
sought on the invention entitled USER INTERFACE AND METHODS FOR ONLINE PRINT SERVICE , the 
specification of which: 

[X] is attached hereto. 

[] was filed on as Application Serial No. _ and was amended on . 

[] was described and claimed in PCT International Application No. filed on 

and as amended under PCT Article 19 on . 



I hereby state that I have reviewed and understand the contents of the above-identified specification, 
including the claims, as amended by any amendment referred to above. 

I acknowledge the duty to disclose all information I know to be material to patentability in accordance with 
Title 37, Code of Federal Regulations, §1.56. 

I hereby claim the benefit under Title 35, United States Code, §1 19(e)(1) of any United States provisional 
application(s) listed below: 

U.S. Serial No. Filing Date States 

60/170,371 December 13, 1999 Pending 

60/167,675 November 29, 1999 Pending 

60/167,243 November 24, 1999 Pending 

I hereby claim the benefit under Title 35, United States Code, §120 of any United States application(s) 
listed below and, insofar as the subject matter of each of the claims of this application is not disclosed in the prior 
United States application in the manner provided by the first paragraph of Title 35, United States Code, §1 12, 1 
acknowledge the duty to disclose all information I know to be material to patentability as defined in Title 37, Code 
of Federal Regulations, § 1.56(a) which became available between the filing date of the prior application and the 
national or PCT international filing date of this application: 

U.S. Serial No. Filing Date Status 



I hereby claim foreign priority benefits under Title 35, United States Code, §1 19 of any foreign 
applications) for patent or inventor's certificate or of any PCT international application(s) designating at least one 
country other than the United States of America listed below and have also identified below any foreign application 
for patent or inventor's certificate or any PCT international application(s) designating at least one country other than 
the United States of America filed by me on the same subject matter having a filing date before that of the 
application(s) of which priority is claimed: 

Country Application No. Filing Date Priority Claimed 



I hereby appoint the following attorneys and/or agents to prosecute this application and to transact all 
business in the Patent and Trademark Office connected therewith: 



Roger S. Borovoy, Reg. No. 20,193 
William J. Egan, III, Reg. No. 28,41 1 
Mark D. Kirkland, Reg. No. 40,048 
Richard Dunning, Reg. No. 42,502 



Hans R. Troesch, Reg. No. 36,950 
David J. Goren, Reg. No. 34,609 
Reginald J. Suyat, Reg. No. 28,172 
Leland Weisner, Reg. No. 39,424 
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Address all telephone calls to MARK D. KIRKLAND at telephone number (650) 322-5070. 

Address all correspondence to MARK D. KIRKLAND at: 

FISH & RICHARDSON P.C. 
2200 Sand Hill Road, Suite 100 
Menlo Park, CA 94025 

I hereby declare that all statements made herein of my own knowledge are true and that all statements made 
on information and belief are believed to be true; and further that these statements were made with the knowledge 
that willful false statements and the like so made are punishable by fine or imprisonment, or both, under Section 
1001 of Title 18 of the United States Code and that such willful false statements may jeopardize the validity of the 
application or any patents issued thereon. 



Full Name of Inventor: EVA MANOLIS 

Inventor's Signature: Date: 

Residence Address: 440 Ringwood Avenue 

Menlo Park, California 94025 
Citizenship: U.S. 
Post Office Address: 440 Ringwood Avenue 

Menlo Park, California 94025 



Full Name of Inventor: CHASE GARFINKLE 



Inventor's Signature: 
Residence Address: 

Citizenship: 

Post Office Address: 



Date: 



279 Santiago Avenue 
Redwood City, California 94061 
U.S. 

279 Santiago Avenue 
Redwood City, California 94061 



Full Name of Inventor: HWEI MIEN QUEK 

Inventor's Signature: Date: 

Residence Address: 19900 Portal Plaza 

Cupertino, California 95014 
Citizenship: U.S. 
Post Office Address: 19900 Portal Plaza 

Cupertino, California 95014 



Full Name of Inventor: SU QUEK 

Inventor's Signature: j3 a ^ e: 

Residence Address: 1459A Shotwell Street 

San Francisco, California 941 10 
Citizenship: Singapore 
Post Office Address: 1459A Shotwell Street 

San Francisco, California 941 10 
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